<template>
    <div class="shop_main">
        <div class="shop_box1">
            <h2 class="box1_h2">今日上新</h2>
            <div class="box1_divs">
                <div class="box_title">
                    <span class="title_img"></span>
                    <span class="title_span1">安会计师佛我和肉味儿阿萨德阿萨德</span><br/>
                    <span class="title_span2">已售 1024</span>
                    <p class="title_p"><span>￥12.0</span><span>2020</span> </p>
                </div>
                <div class="box_title">
                    <span class="title_img"></span>
                    <span class="title_span1">安会计师佛我和肉味儿阿萨德阿萨德</span><br/>
                    <span class="title_span2">已售 1024</span>
                    <p class="title_p"><span>￥12.0</span><span>2020</span> </p>
                </div>
                <div class="box_title">
                    <span class="title_img"></span>
                    <span class="title_span1">安会计师佛我和肉味儿阿萨德阿萨德</span><br/>
                    <span class="title_span2">已售 1024</span>
                    <p class="title_p"><span>￥12.0</span><span>2020</span> </p>
                </div>
                <div class="box_title">
                    <span class="title_img"></span>
                    <span class="title_span1">安会计师佛我和肉味儿阿萨德阿萨德</span><br/>
                    <span class="title_span2">已售 1024</span>
                    <p class="title_p"><span>￥12.0</span><span>2020</span> </p>
                </div>
            </div>
        </div>
        <div class="shop_box2"></div>
    </div>
</template>

<script>
export default {
    name: 'MainShop',
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style scoped>

    .shop_box1{
        width: 95%;
        height: 250px;
        margin-top: 75px;
        margin-left: 2.5%;
        overflow-y: scroll;
        border-radius: 10px;
        background-color: white;
        box-shadow: 0px 1px 3px 0px #ccc;
    }
    .shop_box2{
        width: 95%;
        height: 250px;
        margin-top: 20px;
        margin-left: 2.5%;
        overflow-y: scroll;
        border-radius: 10px;
        background-color: white;
        box-shadow: 0px 1px 3px 0px #ccc;
    }
    .box1_h2{margin-left: 10px;}
    .box1_divs{
        width: 100%;
        height: 87%; 
        display: flex;
        align-items: center;
    }
    .box_title{
        width: 110px;
        height: 100%;
        margin-left: 10px;
        border-radius: 5px;
        box-shadow: 0px 1px 3px 0px #cccc;        
    } 
    .title_img{
        width: 110px;
        height: 50%;
        display: inline-block;
        background: aquamarine;
    }
    .title_span1{
        font-size:14px;
    }
    .title_span2{
        font-size: 13px;
        color: #ccc;
    }
    .title_p span:nth-child(1){
        color: red;
    }
    .title_p span:nth-child(2){
        font-size: 14px;
        color: #ccc;
        margin-left: 5px;
    }
</style>